<html>
  <head>
    <title>spin | riot-component</title>
    <link rel="stylesheet" href="../spin/style.css">
  </head>
  <body>



    <spin-demo/>

    <!-- 规范：调用组件时 控制语句放第一位，ref放第二，传参随后 -->
    <script type="riot/tag">
      <spin-demo>

        <h4>
          渐变淡入淡出圆 <spin-fade-circle style="display: inline-block" size="20" color="red"/>
        </h4>

        <h4>
          三个球 <spin-bounce style="display: inline-block" size="15" color="blue"/>
        </h4>

      </spin-demo>
    </script>

    <script src='https://unpkg.com/riot@3.3.2/riot+compiler.min.js'></script>
    <script src="../spin/component.js"></script>
    <script>
      riot.mount('spin-demo');
    </script>
  </body>
</html>
